<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<title>首页 - 广州市天河金领技工学校</title>
	<link rel="stylesheet" href="css/reset.css"> <!-- 重置样式 -->
	<link rel="stylesheet" href="css/index.css"> <!-- 加载首页样式文件 -->
	<link rel="stylesheet" href="css/style.css">
</head>

<body>

	<!-- 网页头部 header (整体是1440px)-->
	<div class="header">
		<!-- 内容div (设计图1000px)-->
		<div class="content">

			<!-- 头部左边的logo -->
			<a href="" class="logo"><img src="images/logo.png" alt=""></a>

			<!-- 头部右边整体div（右浮动） -->
			<div class="fr">

				<!-- 头部右边菜单 menu -->
				<div class="menu fr">
					<a href="javascript:;" class="fl" id="time" style="margin-right: 20px;"></a>
					<a href=""><i class="fl">&#xe612;</i>收藏网站</a> &nbsp;|&nbsp;
					<a href="">联系我们</a> &nbsp;|&nbsp;
					<a href="">管理员登录</a>
				</div>
				<div class="clear"></div>
				<!-- 搜索 search -->
				<div class="search fr">
					<input type="text" class="text fl" placeholder="请输入关键字">
					<input type="submit" class="sub" value="&#xe613;">
				</div>
			</div>

			<!-- 头部下面的导航链接 -->
			<div class="nav">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">部门简介</a></li>
					<li><a href="">学历教育</a></li>
					<li><a href="">技能考证培训</a></li>
					<li><a href="">职业资格培训</a></li>
					<li><a href="">创业培训</a></li>
					<li><a href="">特色培训</a></li>
					<li><a href="">创业定制培训</a></li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	</div>

	<!-- 头部下面的banner广告位 -->
	<div class="banner">
		<!-- <img src="images/ad.jpg" alt=""> -->
		<div id="demo02" class="flexslider">
		<ul class="slides">
		<li><div class="img"><img src="images/ad.jpg" alt="" /></div></li>
		<li><div class="img"><img src="images/ad.jpg" alt="" /></div></li>
		<li><div class="img"><img src="images/ad.jpg" alt="" /></div></li>
		<li><div class="img"><img src="images/ad.jpg" alt="" /></div></li>
		<li><div class="img"><img src="images/ad.jpg" alt="" /></div></li>
		</ul>
		</div>
	</div>

	<!-- 主要的 main -->
	<div class="main1">
		<div class="content">
			<div class="box fl">
				<img src="images/beijing.png" alt="">
				<h1>学校背景</h1>
				<p>雄厚的合作背景</p>
				<p>提供了极为广阔的平台</p>
			</div>
			<div class="box fl">
				<img src="images/liliang.png" alt="">
				<h1>学校背景</h1>
				<p>雄厚的合作背景</p>
				<p>提供了极为广阔的平台</p>
			</div>
			<div class="box fl">
				<img src="images/peiyang.png" alt="">
				<h1>学校背景</h1>
				<p>雄厚的合作背景</p>
				<p>提供了极为广阔的平台</p>
			</div>
			<div class="box fl">
				<img src="images/jiuye.png" alt="">
				<h1>学校背景</h1>
				<p>雄厚的合作背景</p>
				<p>提供了极为广阔的平台</p>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="main2">
		<div class="content" style="height:323px;">
			<div class="article fl">
				<h1>金领理念</h1>
				<p class="en">Jinlian concept</p>
				<!-- 描述 desc -->
				<p class="desc">学校着眼市场需求，以服务产业升级促进区域经济发展和培养高新技术应用
					型国际化人力办学宗旨，以新技术专业建设为引领，先进实训设备为载体，
					推进完整校企合一人才培养模式，打造新高技术人才培养基地
				</p>
				<p class="desc">学校着眼市场需求，以服务产业升级促进区域经济发展和培养高新技术应用
					型国际化人力办学宗旨</p>
			</div>

			<div class="video fr">
				<video height="255" id="v">
					<source src="mp4/movie1.mp4" type="video/mp4">
					<p>你的浏览器你支持播放视频</p>
				</video>
				<div class="mask">
					<i class="play">&#xe6a6;</i>
				</div>
			</div>
		</div>
	</div>

	<div class="main3 main">
		<div class="content">
			<div class="title">
				<h1>新闻动态</h1>
				<div class="line"></div>
				<p class="en">News and trends</p>
				<!-- more 更多 -->
				<p class="more">+ 了解更多</p>
			</div>
			<div class="left-pic">
				<img src="images/new1.jpg" alt="" id="fj">
				<ul>
					<li class="tp" status="1"></li>
					<li class="tp" status="2"></li>
					<li class="tp" status="3"></li>
					<li class="tp" status="4"></li>
				</ul>
				<dic class="clear"></dic>
			</div>
			<div class="right-list fr">
				<div class="list">
					<h3>
						校企合作不同步 人才培养开新路
						<span>2016-04-08</span>
					</h3>
					<p>
						3月6日下午，在我校园图书馆多动能报告厅相继召开了"两会"。宝提寇篮天
						形象工作室校园宣讲会在此隆重举行。后，学校与广州市精威眼镜连锁企业
						举行校企合作签约仪式
					</p>
				</div>
				<div class="list">
					<h3>
						校企合作不同步 人才培养开新路
						<span>2016-04-08</span>
					</h3>
					<p>
						3月6日下午，在我校园图书馆多动能报告厅相继召开了"两会"。宝提寇篮天
						形象工作室校园宣讲会在此隆重举行。后，学校与广州市精威眼镜连锁企业
						举行校企合作签约仪式
					</p>
				</div>
			</div>
		</div>
	</div>

	<div class="main4 main">
		<div class="content">
			<div class="title">
				<h1>新闻动态</h1>
				<div class="line"></div>
				<p class="en">News and trends</p>
				<!-- more 更多 -->
				<p class="more">+ 了解更多</p>
			</div>
			<div class="box fl">
				<img src="images/zc3.jpg" alt="">
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="box fl">
				<img src="images/zc3.jpg" alt="">
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="box fl last">
				<img src="images/zc3.jpg" alt="">
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="list">
					<div class="time fl">
						<div class="year"><br><br><br><br>2015</div>
						<div class="date">09-10</div>
					</div>
					<div class="text fl">
						<h3>"中日友好仲夏音乐会" 在京举办</h3>
						<p>由中国对外友协，中日友协和日本河合乐器制作所共同举办的"中日友好仲夏音乐会" 在京成功举办</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="main5 main">
		<div class="content">
			<div class="title">
				<h1>师资力量</h1>
				<div class="line"></div>
				<p class="en">Faculty</p>
				<p class="more">+ 了解更多</p>
			</div>
			<div class="nice fl">
				<div class="pic">
					<h3>刘&emsp;艳<span> LIU YAN</span></h3>
					<img src="images/jiaoshi.png" alt="">
				</div>
				<div class="text">
					<h3>教学副主任</h3>
					<p>1994 年毕业于华中师范大学数学现任教于湖北省十堰市第一中学高级教师</p>
				</div>
			</div>
			<div class="nice fl">
				<div class="pic">
					<h3>刘&emsp;艳<span> LIU YAN</span></h3>
					<img src="images/jiaoshi.png" alt="">
				</div>
				<div class="text">
					<h3>教学副主任</h3>
					<p>1994 年毕业于华中师范大学数学现任教于湖北省十堰市第一中学高级教师</p>
				</div>
			</div>
			<div class="nice fl">
				<div class="pic">
					<h3>刘&emsp;艳<span> LIU YAN</span></h3>
					<img src="images/jiaoshi.png" alt="">
				</div>
				<div class="text">
					<h3>教学副主任</h3>
					<p>1994 年毕业于华中师范大学数学现任教于湖北省十堰市第一中学高级教师</p>
				</div>
			</div>
			<div class="nice fl la">
				<div class="pic">
					<h3>刘&emsp;艳<span> LIU YAN</span></h3>
					<img src="images/jiaoshi.png" alt="">
				</div>
				<div class="text">
					<h3>教学副主任</h3>
					<p>1994 年毕业于华中师范大学数学现任教于湖北省十堰市第一中学高级教师</p>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	
	<!-- footer 底部 -->
	<div class="footer">
		<div class="content">
			<!-- contact 联系 -->
			<div class="contact fl">
				<h3>
				<i>&#xe618;</i> : 020-28955996
				</h3>
				<table>
					<tr height="24px">
						<td width="40px">邮箱：</td>
						<td>Jinlianschool@163.com</td>
					</tr>
					<tr>
						<td valign="top">地址：</td>
						<td>广州市经济技术开发区开源,大道11号科技企业加速器园区</td>
					</tr>
				</table>
				<p>&copy;2016广州市天河金领技工学校版权所有 <br> 粤Y2-2005029</p>
			</div>
			<div class="line fl"></div>
			<div class="flink fl">
				<h3>友情链接 : </h3>
				<p>广州市天河金领技工学校</p>
				<p>广州建设职业技术学院</p>
				<p>广州建设职业技术学院</p>
				<p>广州建设职业技术学院</p>
				<p>广州建设职业技术学院</p>
				<img src="images/weixin.jpg" alt="">
				<img src="images/qq.jpg" alt="">
				<img src="images/renren.jpg" alt="">
				<img src="images/weibo.jpg" alt="">
			</div>
			<div class="line fl"></div>
			<div class="focus fl">
				<h3>关注我们 : </h3>
				<img src="images/erweima.jpg" alt="">
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<script src="js/jquery.js"></script>
	<script src="js/common.js"></script>
	<script src="js/index.js"></script>
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/slider.js"></script>
	<script>
		$('#demo02').flexslider({
	
			animation: "slide",
	
			direction:"vertical",
	
			easing:"swing"
	
		});
	</script>
</body>

</html>